import React, { useEffect,useState } from 'react'
import './One.less'
import { getList } from '../../utils/api'
import smImg from '../../assets/YiQixiuImage/smImg.png'
function HeaderFour() {
    const [list,setList] = useState([])
    useEffect(()=>{
        getList().then(res=>{
            // console.log(res.data.headerTwo,'res');
            setList(res.data.headerFour)
        })
    },[])

    return (
        <div className='table4'>
          <div className='table4_left'>
            {
                list && list.slice(0,2).map((item,index)=>{
                    return <ul key={index} id='table4_ul'>
                        {item.title}
                        {
                            item.children && item.children.map((item,index)=>{
                                return <li key={index}>
                                    {item}
                                </li>
                            })
                        }
                    </ul>
                })
            }
          </div>
          <div className='table4_right'>
            <div className='table4_Img'>
                <img src="https://lib.eqh5.com/eqx.layout/images/kefu_img.png" alt="" style={{white:'100%',height:'100%',}}/>
            </div>
            
            <b>企业采购1对1专属顾问</b>

            <div className="table4_smImg">
                <img src={smImg} alt=""/>
            </div>
            <span>立即扫码，真人咨询</span>
          </div>
        </div>
    )
}

export default HeaderFour
